<template>
    <div class="msg_pane">
        <el-container>
        <el-aside width="200px">
            <MsgFriendList></MsgFriendList>
        </el-aside>
        <el-container>
            <el-main>
                <MsgPageList></MsgPageList>
            </el-main>
        </el-container>
        </el-container>
    </div>
</template>
<script setup>
import MsgPageList from '@/components/message/MsgPageList.vue';
import MsgFriendList from '@/components/message/MsgFriendList.vue';
</script>
<style scoped>
.msg_pane{
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    .el-container{
        height: 100%;
        width: 100%;
        padding: 0;
        margin: 0;
        box-sizing: border-box;
    }
}

</style>